<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <title>shopping</title>
  <link href="../css/mui.min.css" rel="stylesheet" />
  <link href="../css/app.css" rel="stylesheet" />
</head>

<body>
  <header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon icon-back" href="javascript:history.back(-1)"></a>
    <div class="searchinput"><input type="text" placeholder="搜索"/></div>
    <a class="classifybtn"></a>
  </header>

  <nav class="mui-bar mui-bar-tab indexbotm">
    <a class="reset u-button">重置</a><a class="sure u-button">确定</a>
  </nav>
  <div class="classflytab">
    <div class="firsttab">
      <a class="active">包款查询</a>
      <a>精准查询</a>
      <a>编码查询</a>
    </div>
  </div>
  <div class="secondtab mui-segmented-control" id="segmentedControl">
    <a class="mui-control-item sortbtn mui-active" href="#item1"><span>智能</span><i class="arrow"></i></a>
    <a class="mui-control-item" href="#item2">品牌</a>
    <a class="mui-control-item" href="#item3">分类</a>
    <a class="mui-control-item" href="#item4">筛选</a>
    <div class="slidescreen">
      <div class="mask"></div>
      <div class="info">
        <p class="selected">智能</p>
        <p>按时间排序</p>
        <p>价格由低到高</p>
        <p>价格由高到低</p>
      </div>
    </div>
  </div>
  <!--查询-->
  <div class="mui-content bgwhite bottomno  mui-control-content  mui-active" id="item1">
    <ul class="goodstyle mui-scroll">
    </ul>
    <div class="without" style="width: 3rem;height: 3rem; margin: 3rem auto; display: none">
        <img src="../images/searchErr.png" style="width: 100%">
        <p style="text-align: center">没有找到结果</p>
        <p style="text-align: center">换个关键词试一试</p>
    </div>
    <script type="text/html" id="inquireCon">
      <li data-id={{id}}>
        <div class="styleimg"><img src="{{imgs}}"></div>
        <div class="process">{{state}}</div>
        <p class="title">{{title}}title}</p>
        <p class="subtitle">{{human}}</p>
        <p class="price">{{sale_price}}<span>{{price_font}}</span>
        </p>
      </li>
    </script>
  </div>
  <!--品牌-->
  <div class="mui-content bgwhite mui-control-content prideContent " id="item2">
    <ul class="goodslist mui-scroll">
    </ul>
    <script type="text/html" id="brandCon">
      <li data-code="{{brandCode}}">
        <div class="goodsimg"><img src="../images/brand01.png"></div>
        <p class="goodsname">{{brand}}</p>
      </li>
    </script>
  </div>
  <!--分类-->
  <div class="mui-content bgwhite mui-control-content classfiyContent" id="item3">
    <ul class="goodslist">
  
    </ul>
    <script type="text/html" id="classifyCon">
      <li data-code="{{typeCode}}">
        <div class="goodsimg"><img src="../images/goods01.png"></div>
        <p class="goodsname">{{typeName}}</p>
      </li>
    </script>
  </div>
  <!--筛选-->
  <div class="mui-content bgwhite  mui-control-content filterContent" id="item4">
    <div class="conditionbox">
      <h3>价格区间</h3>
      <div class="areabox">
        <input type="text" placeholder="最低价" class="startSalePrice" />
        <i class="line"></i>
        <input type="text" placeholder="最高价" class="endSalePrice" />
      </div>
    </div>
    <!-- <div class="conditionbox">
      <h3>尺码(中国码)</h3>
      <div class="areabox">
        <input type="text" placeholder="最小码" /><i class="line"></i><input type="text" placeholder="最大码" />
      </div>
    </div> -->
    <div class="conditionbox">
      <h3>服务优惠</h3>
      <div class="tagsbox">
        <a class="active">平台直邮</a><a>赠送保养</a><a>降价</a>
      </div>
    </div>
    <div class="conditionbox">
      <h3>成色</h3>
      <div class="tagsbox tagsAct percentage">
        <a class="active">全新</a>
        <a>99新</a>
        <a>95新</a>
        <a>9成新</a>
        <a>8成新</a>
        <a>7成新</a>
      </div>
    </div>
    <div class="conditionbox">
      <h3>款式</h3>
      <div class="tagsbox  tagsAct human">
        <!-- <a >中性</a> -->
        <a class="active">男士</a><a>女士</a>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="../js/rem.js"></script>
  <script type="text/javascript" src="../js/mui.min.js"></script>
  <script type="text/javascript" src="../js/jquery.min.js"></script>
  <script src="../js/classify.js"></script>
  <script type="text/javascript">
    // $('.sortbtn').click(function() {
    // 	$('.slidescreen').toggleClass('active')
    // 	$('.arrow').toggleClass('up')
    // });
    // $('.sortbtn').on('blur', function() {
    // 	$('.slidescreen').removeClass('active');
    // });
    // $('.slidescreen p').click(function() {
    // 	$('.slidescreen p').removeClass('selected');
    // 	$(this).addClass('selected');
    // 	$(this).parents('.slidescreen').removeClass('active')
    // 	var txt = $(this).text()
    // 	$('.sortbtn span').text(txt)
    // 	$('.arrow').removeClass('up')
    // });
  </script>
</body>

</html>